<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-touch-fullscreen" content="YES"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>支付</title>
    <link rel="stylesheet" href="../../css/base.css"/>
    <link rel="stylesheet" href="../../css/payment.css"/>
</head>
<body>
 <div class="wrap">
    <header class="head-contain">
        <a href="javascript:;" class="head-pre" onclick="returnBack()"><img src="../../../img/ic_back.png" alt=""/></a>
        <p class="head-title">支付</p>
    </header>
    <div class="panel-contain">
        <div class="panel-title">
            <p>支付方式</p>
        </div>
        <div class="panel-item">
           <div class="payment-way" id="wechat">
                <a href="javascript:;">
                    <div class="payment-way-left">
                        <img src="../../../img/ic_zhifu_weixin.png" alt="" />
                        <p>微信</p>
                    </div>
                    <div class="payment-way-right" id="checkOnWechat">
                        <img src="../../../img/Checkbox_off_light.png" alt="" />
                    </div>
                </a>
            </div>

           <div class="payment-way" id="zhifubao">
                <a href="javascript:;">
                    <div class="payment-way-left">
                        <img src="../../../img/ic_zhifu_zhifubao.png" alt=""/>
                        <p>支付宝</p>
                    </div>
                    <div class="payment-way-right" id="checkOnZhi">
                        <img src="../../../img/Checkbox_off_light.png" alt=""/>
                    </div>
                </a>
            </div>
         <div class="payment-way" id="yinlian">
             <a href="javascript:;">
                 <div class="payment-way-left">
                     <img src="../../../img/ic_zhifu_yinlian.png" alt="" />
                     <p>银联</p>
                 </div>
                 <div class="payment-way-right" id="checkOnLian">
                     <img src="../../../img/Checkbox_off_light.png" alt="" />
                 </div>
             </a>
         </div>
        </div>
        <div>
                <div class="panel-title">
                    <p>支付金额</p>
                </div>
                <div class="panel-item">
                    <p class="payment-money">
                        <ins>￥<span th:text="${totalMoney}" class="payment-money"></span></ins>
                    </p>
                </div>
            </div>

            <div class="payment-button">
                <button onclick="pay()" data-type="" id="payButton">支付</button>

            </div>
        </div>

    </div>

 <!-- 弹出层 -->
 <div class="popup-wrapper" id="popup" style="display: none;">
     <div class="popup-lightBox"></div>
     <div class="popup-panel-wrapper">
         <div class="popup-panel">
             <!-- 弹框标题栏: 开始 -->
             <header class="popup-header">
                 <h3 class="popup-title">选择支付方式</h3>
                 <span class="popup-x" id="popupX">×</span>
             </header>
             <!-- 弹框标题栏: 结束 -->

             <!-- 弹框中间部分:开始 -->
             <div class="popup-content" id="popupList">

             </div>
             <!-- 弹框中间部分:结束 -->

             <!-- 弹框底部栏目:开始 -->
             <footer class="popup-footer">
                 <div class="popup-item">
                     <img class="popup-icon" src="../../img/___payment/ic_add@2x.png" alt=""/>
                     <p class="popup-info">添加新卡</p>
                 </div>
             </footer>
             <!-- 弹框底部栏目:结束-->

         </div>
     </div>
 </div>


</body>
<script src="../../js/AutoAdapter.js"></script>
<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/payment.js"></script>
</html>